<?php
$this->title = 'Codelab Yii学习实验室';
$this->registerMetaTag([
    'name' => 'keywords',
    'content' => 'yii,yii2,codelab,实验室,实操'
]);
$this->registerMetaTag([
    'name' => 'description',
    'content' => '通过写代码的方式加深对Yii的学习'
]);
$this->registerMetaTag([
    'name' => 'author',
    'content' => 'chenzhiwei'
]);

?>

<style>
    .codelab h1{
        text-align: center;
        font-size: 48px;
    }
    .codelab p{
        text-align: center;
        font-size: 18px;
    }
    .cell{
        margin-top: 20px;
    }
    .cell div{
        padding: 5px 18px;
        border: 1px solid #ccc;
        border-radius: 10px;
    }
    .cell h2{
        padding: 2px 8px;
        font-weight: 600;
        margin: 15px 0;
    }
    .cell h3{
        font-size: 24px;
        color: #1a73e8;
        margin-top: 5px;
    }
    .cell p{
        margin: 20px 0;
        font-size: 16px;
    }

</style>
<div class="container">
    <div class="codelab">
        <h1>Codelab</h1>
        <p>Codelab（代码实验室）提供了一个指导性、辅导性和实践性的编码体验。</p>
        <p>大多数codelab将指导你完成构建一个小型Yii应用的过程，或在现有Yii应用中添加一个新功能。</p>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 cell">
            <div>
                <h2 class="btn btn-xs btn-success">INSTALL</h2>
                <h2 class="btn btn-xs btn-warning">SOURCE</h2>
                <h3>源码安装Yii2.0框架</h3>
                <p>这种安装方式要求在您的电脑上已经存在可以运行的PHP开发套件，并且PHP版本可以满足框架的最低运行要求。</p>
                <p><a class="btn btn-default" href="/codelab/install/source">开始 &raquo;</a></p>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 cell">
            <div>
                <h2 class="btn btn-xs btn-success">INSTALL</h2>
                <h2 class="btn btn-xs btn-warning">DOCKER</h2>
                <h2 class="btn btn-xs btn-info">YII OFFICE</h2>
                <h3>基于Yii官方发布的容器安装Yii2.0框架</h3>
                <p>Yii官方已经发布了可以完美运行Yii2.0框架的容器镜像，我们在本节介绍如何使用这些镜像。</p>
                <p><a class="btn btn-default" href="/codelab/install/docker/yiisoft">开始 &raquo;</a></p>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 cell">
            <div>
                <h2 class="btn btn-xs btn-success">INSTALL</h2>
                <h2 class="btn btn-xs btn-warning">DOCKER</h2>
                <h2 class="btn btn-xs btn-info">PHP OFFICE</h2>
                <h3>基于PHP官方发布的容器安装Yii2.0框架</h3>
                <p>PHP官方会在第一时间发布最新版本的PHP容器镜像，采用这种安装方式可以让你使用到任意版本的PHP。</p>
                <p><a class="btn btn-default" href="/codelab/install/docker/custom">开始 &raquo;</a></p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 cell">
            <div>
                <h2 class="btn btn-xs btn-success">RESTful API</h2>
                <h2 class="btn btn-xs btn-warning">Content Negotiator</h2>
                <h3>RESTful API 内容协商应用举例</h3>
                <p>在本实验中将用一个完整的案例演示如何使用 RESTful API 的内容协商功能，希望读者通过此案例了解内容协商的概念。</p>
                <p><a class="btn btn-default" href="/codelab/api/content-negotiator">开始 &raquo;</a></p>
            </div>
        </div>

    </div>
</div>